<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shopping.css"/>	
	</head>
		<script src="js/require.js" data-main="js/config.js"></script>
		<script type="text/javascript" src="js/shopping-a.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	<body>
		<!--
        	作者：18845299629@126.com
        	时间：2017-03-21
        	描述：top
        -->
		<div id="top">
			<div class="top_con _con">
				<div class="collect">
					<a href="index.html">收藏可得网</a>
				</div>
				<div class="reg">
					您好，欢迎光临可得眼镜网！
					<a href="dldex.html">登录</a>
					<a class="a2" href="zhuce.html">[免费注册]</a>
				</div>
				<div class="float-right">
					<span class="float-right-mylj">
						<a href="#">我的礼券</a>
					</span>
					<span class="float-right-mykd">
						<a href="#">我的可得</a>
						<i></i>
						<ul>
							<li><a href="#">我的订单</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">积分兑换</a></li>
							<li><a href="#">我的验光单</a></li>
						</ul>
					</span>
					<span class="float-right-help">
						<a href="#">帮助中心</a>
						<i></i>
						<ul>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">常见问题</a></li>
						</ul>
					</span>
					<span class="float-right-car">
						<a href="#">购物车
						<span class="float-right-call-num">
							4
						</span> 件
					</a>
					</span>
					<span class="float-right-phone">
						<a href="#">手机版</a>
						<span>
						</span>
					</span>
					<span class="float-right-call">
						<i></i>
						<a href="#"> 客服电话：4006-20-20-20 ( 9:00-23:00 ) </a>
					</span>
				</div>
			</div>
		</div>
		<!--购物车step开始-->
		
		<div class="wide_page_top" id="step-top">
	        <div class="cart_content wide_page_top_cont">
	            <div class="logo"><a href="index.html"><img alt="可得眼镜" src="img/kede_logo.gif"></a></div>
	            <div class="logo_type">我的购物车</div>
	            <div class="progress_bg_1"></div>
	            <div class="progress_1">我的购物车</div>
	            <div class="progress_2">确认订单信息</div>
	            <div class="progress_3">成功提交订单</div>
	        </div>
	    </div>
		
		
		
		
		
		
		
		<!--购物车step结束-->
		
		
		<!--购物车界面开始------------------------>
		<div id="shopping">
			<div class="catbox">
			  <table id="cartTable">
			    <thead>
			      <tr>
			        <th><label>
			            <input class="check-all check" type="checkbox"/>&nbsp;&nbsp;全选</label></th>
			        <th>商品</th>
			        <th>单价</th>
			        <th>数量</th>
			        <th>小计</th>
			        <th>操作</th>
			      </tr>
			    </thead>
			    <tbody>
			      <tr>
			        <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
			        <td class="goods"><img src="img/1f_1.jpg" alt=""/><span>超级透视隐形眼镜</span></td>
			        <td class="price">5999.88</td>
			        <td class="count"><span class="reduce"></span>
			          <input class="count-input" type="text" value="1"/>
			          <span class="add">+</span></td>
			        <td class="subtotal">5999.88</td>
			        <td class="operation"><span class="delete">删除</span></td>
			      </tr>
			      <tr>
			        <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
			        <td class="goods"><img src="img/1f_6.jpg" alt=""/><span>超级透视隐形眼镜</span></td>
			        <td class="price">3888.50</td>
			        <td class="count"><span class="reduce"></span>
			          <input class="count-input" type="text" value="1"/>
			          <span class="add">+</span></td>
			        <td class="subtotal">3888.50</td>
			        <td class="operation"><span class="delete">删除</span></td>
			      </tr>
			      <tr>
			        <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
			        <td class="goods"><img src="img/1f_1.jpg" alt=""/><span>超级透视隐形眼镜</span></td>
			        <td class="price">1428.50</td>
			        <td class="count"><span class="reduce"></span>
			          <input class="count-input" type="text" value="1"/>
			          <span class="add">+</span></td>
			        <td class="subtotal">1428.50</td>
			        <td class="operation"><span class="delete">删除</span></td>
			      </tr>
			      <tr>
			        <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
			        <td class="goods"><img src="img/1f_6.jpg" alt=""/><span>超级透视隐形眼镜</span></td>
			        <td class="price">640.60</td>
			        <td class="count"><span class="reduce"></span>
			          <input class="count-input" type="text" value="1"/>
			          <span class="add">+</span></td>
			        <td class="subtotal">640.60</td>
			        <td class="operation"><span class="delete">删除</span></td>
			      </tr>
			    </tbody>
			  </table>
			  <div class="foot" id="foot">
			    <label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;&nbsp;全选</label>
			    <a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
			    <div class="fr closing">结 算</div>
			    <input type="hidden" id="cartTotalPrice" />
			    <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
			    <div class="fr selected" id="selected">已选商品<span id="selectedTotal">0</span>件<span class="arrow up">︽</span><span class="arrow down">︾</span></div>
			    <div class="selected-view">
			      <div id="selectedViewList" class="clearfix">
			        <div><img src="img/1f_1.jpg"><span>取消选择</span></div>
			      </div>
			      <span class="arrow">◆<span>◆</span></span> </div>
			  </div>
			</div>	
		</div>
		<!--购物车界面结束-->
		<!--猜你喜欢开始-->
		<div class="recommend">
    <div class="recommend_promotion" recd="recd1" style="display: block;">
        <!--猜你喜欢-->
        <ul class="recommend_ul" style="width: 2364px;">
            
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <img alt="" src="img/1f_6.jpg">
                        <p class="recommend_price"><b>￥</b>115.00</p>
                        <p class="recommend_name">爱尔康视康多水润天天抛日抛隐形眼镜30片</p>
                    </a>
                </li>
            

            
        </ul>
        <i class="r_left"></i>
        <i class="r_right"></i>
    </div>
            
    <ul class="recommend_title">
        <li class="on" recd="recd1">猜你喜欢</li>
        <li recd="recd2" class="">我的收藏</li>
        <li recd="recd3" class="">最近浏览</li>
        <li recd="recd4" class="">回收站</li>
    </ul>
</div>
		
		
		
		<!---猜你喜欢结束----->
		
	
		<!----------------------------底部开始-->

		<div class="wide-Footer">
			<div class="FT-A">
				
				<div class="FTA-03">
					<p>
						<a href="#" target="_blank">上海可得光学科技有限公司</a>
					</p>
					<a href="#" target="_blank">联系我们</a>
					<span>|</span>
					<a href="#" target="_blank">友情链接</a>
					<span>|</span>
					<a href="#" target="_blank">眼镜百科</a>
					<span>|</span>
					<a href="#" target="_blank">网站地图</a>
					<span>|</span>
					<a href="#" target="_blank">隐私安全</a>
					<p>
						Copyright 2006-2016 可得眼镜 KEDE.com 版权所有
						<a href="#" target="_blank">沪ICP备14001373号</a> 全国服务热线：4006-20-20-20
					</p>
				</div>
				<div class="FTA-04">
					<a href="#" target="_blank"></a>
					<a href="#" target="_blank"></a>
					<a href="#" target="_blank"></a>
					<a href="#" target="_blank"></a>
				</div>
			</div>
		</div>
		<!-------------------底部结束-->

		<div id="hint">
			<p class="hint_a">你有钱吗？</p>
			<button>没钱！</button>
		</div>
		<script type="text/javascript" src="js/shopping.js"></script>
	</body>

</html>